<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="utf-8">
        <title>用户注册表单</title>
        <link href="style.css" rel="stylesheet" />
        <script src="script.js"></script>
    </head>

    <body>
        <form id="registerForm" class="form-container">
            <h1 id="form-title">用户注册表单</h1>
            <div class="form-group">
                <label for="username">用户名 <span class="required">*</span></label>
                <input type="text" id="username" class="input-box" name="username" placeholder="请输入用户名"
                    oninput="checkUserName()">
                <div id="username-error" class="error-message"></div>
                <label for="email">邮箱 <span class="required">*</span></label>
                <input type="email" id="email" class="input-box" name="email" placeholder="请输入邮箱" oninput="checkEmail()"
                    required>
                <div id="email-error" class="error-message"></div>
                <label for="password">密码 <span class="required">*</span></span></label>
                <input type="password" id="password" class="input-box" name="password" placeholder="请输入密码"
                    oninput="checkPassword()" required>
                <div id="password-error" class="error-message"></div>
                <label for="confirm-password">确认密码 <span class="required">*</span></label>
                <input type="password" id="confirm-password" class="input-box" name="confirm-password" placeholder="请输入确认密码"
                    oninput="checkConfirmPassword()" required>
                <div id="confirm-password-error" class="error-message"></div>
                <input type="submit" class="input-submit" value="注册" onclick="submitValidate()">
            </div>
        </form>
    </body>

</html>